import { T } from 'base/intl';import React, { useState } from "react";

import FlippableImage from "./components/FlippableImage";
import RandomImage from "./components/RandomImage";
import imgUrl from "./images/1.jpeg";
import Nodes from "./node";
import { Modal } from "antd";

export default function PhotoWall(props) {
  const [showFlippableState, setShowFlippableState] = useState(false);
  const [randomImageSelectedKey, setRandomImageSelectedKey] = useState(0);
  const randomImageOnClick = (key) => {
    console.log("点击事件", key);
    setRandomImageSelectedKey(key);
  };
  return (
    <Nodes.photoWallContainer>
      {/* <FlippableImage></FlippableImage> */}
      <RandomImage
        imgUrl={imgUrl}
        selected={randomImageSelectedKey === 1}
        id={1}
        onClick={randomImageOnClick}>
      </RandomImage>
      <RandomImage
        selected={randomImageSelectedKey === 2}
        id={2}
        onClick={randomImageOnClick}>
      </RandomImage>
    </Nodes.photoWallContainer>);

}